﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="container sidebar-max" id="container">
    <!-- #content.row: The Main Content Section

        Just add the page content here for a regular page or use .page DIVs for panel pages.
        Use Bootstrap fluid layout for best effect.

    -->

    <!-- #sidebar: Sidebar -->
    <div id="sidebar">

        <div class="search-mini-wrapper">
            <form action="#" class="search-mini">
                <input name="search" type="text" placeholder="Search..." />
                <button type="submit">
                    <i class="icon-search"></i>
                </button>
            </form>
        </div>

        <!-- ul.sidebar-menu: Sidebar Menu -->
        <ul class="sidebar-menu on-click" id="main-menu">
            <li class="active">
                <div class="sidebar-menu-item-wrapper">
                    <a href="#" data-target-page="page-dashboard">
                        <i class="icon-home"></i>
                        <span>Dashboard</span>
                    </a>
                </div>
            </li>
            <li class="inactive">
                <div class="sidebar-menu-item-wrapper">
                    <a href="#" data-target-page="page-stats-and-reports">
                        <i class="icon-bar-chart"></i>
                        <span>Stats &amp; Reports</span>
                    </a>
                </div>
            </li>
            <li class="parent inactive">
                <div class="sidebar-menu-item-wrapper">
                    <a href="#">
                        <i class="icon-hdd"></i>
                        <span>Database</span>
                    </a>
                    <ul>
                        <li><a href="#" data-target-page="page-database-settings"><i class="icon-cog"></i><span>Settings</span></a></li>
                        <li><a href="#" data-target-page="page-database-table1"><i class="icon-table"></i><span>Table 1</span></a></li>
                        <li class="parent inactive">
                            <a href="#"><i class="icon-windows"></i><span>Sub Menu</span></a>
                            <ul>
                                <li class="parent inactive">
                                    <a href="#"><i class="icon-cog"></i><span>More Settings</span></a>
                                    <ul>
                                        <li><a href="#" data-target-page="page-sample"><span>Alpha</span></a></li>
                                        <li><a href="#" data-target-page="page-sample"><span>Beta</span></a></li>
                                        <li><a href="#" data-target-page="page-sample"><span>Theta</span></a></li>
                                    </ul>
                                </li>
                                <li><a href="#" data-target-page="page-database-table1"><i class="icon-table"></i><span>Table 2</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="inactive">
                <div class="sidebar-menu-item-wrapper">
                    <a href="#" data-target-page="page-sample">
                        <i class="icon-dashboard"></i>
                        <span>Virtual Machines</span>
                    </a>
                </div>
            </li>
            <li class="parent inactive">
                <div class="sidebar-menu-item-wrapper">
                    <a href="#">
                        <i class="icon-group"></i>
                        <span>Users</span>
                    </a>
                    <ul>
                        <li><a href="#" data-target-page="page-sample">User Accounts</a></li>
                        <li><a href="#" data-target-page="page-sample">User settings</a></li>
                        <li><a href="#" data-target-page="page-sample">Special user settings</a></li>
                    </ul>
                </div>
            </li>
        </ul>
        <!-- /ul.sidebar-menu: Sidebar Menu -->

        <a href="#" id="sidebar-resizer">
            <i class="min icon-resize-small"></i>
            <i class="max icon-resize-full"></i>
        </a>

    </div>
    <!-- /#sidebar: Sidebar -->

    @RenderBody()

</div>

@section Styles{
    <!-- Google Code Prettyfy - source-code highlighter -->
    @Stylesheet.Render("prettify")
    <!-- jQuery Page Slide Plugin -->
    @Stylesheet.Render("/other/jquery.pageslide.css")
    <!-- jQuery Table Sorter Plugin -->
    @Stylesheet.Render("/other/jquery.tablesorter.theme.blue.css")
    @Stylesheet.Render("/other/jquery.tablesorter.pager.css")

    @RenderSection("Styles", required: false)
}

@section Scripts{
    <!-- Theme Scripts -->
    @Javascript.Render("/other/madmin.js")
    @Javascript.Render("/other/application.js")
    <!-- Flot Plotting -->
    @Javascript.Render("/other/excanvas.min.js")
    @Javascript.Render("/other/jquery.flot.js")
    @Javascript.Render("/other/jquery.flot.resize.min.js")
    @Javascript.Render("/other/jquery.flot.pie.min.js")
    <!-- Google Code Prettyfy - source-code highlighter -->
    @Javascript.Render("prettify")
    <!-- jQuery Table Sorter Plugin -->
    @Javascript.Render("/other/jquery.tablesorter.min.js")
    <!-- jQuery Page Slide Plugin -->
    @Javascript.Render("/other/jquery.pageslide.min.js")
    <!-- Demo Charts -->
    @Javascript.Render("/other/demo-area-chart.js")
    @Javascript.Render("/other/demo-dynamic-chart.js")
    @Javascript.Render("/other/demo-pie-chart.js")

    @RenderSection("Scripts", required: false)
}